<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="">
    <meta name="author" content="" />

    <link href="$!{__beat.server.contextPath}/bootstrap/css/bootstrap-table.min.css" rel="stylesheet">
    <link rel="stylesheet" href="$!{__beat.server.contextPath}/bootstrap/css/App.css" type="text/css" />
    <link href="$!{__beat.server.contextPath}/bootstrap/datepicker/datepicker3.css" rel="stylesheet">
    <title>热门搜索词排行榜</title>
    <style type="text/css">
		#content {
		  background: #FFF;
		  width: auto;
		  min-height: 800px;
		  z-index: 18;
		  padding-bottom: 25px;
		  margin-left: 10px;
		  margin-right: 10px;
		  position: relative;
		  left: auto;
		  top: auto;
		}
		.col-md-4{
			padding-right: 5px;
			padding-left: 5px;
		}
		th, td{
			text-align:center;
		}
		.table tbody>tr>td{
			padding: 5px;
		}
		.heading{
			text-align:center;
		}

     </style>
</head>
<body>
<div id="content" >	

        <div class="container-fluid">

            <div class="row" align="center" style="margin-bottom:8px; margin-top:5px;">
                    <form class="form-inline" action="$!{__beat.server.contextPath}/netflow/topSearchWord" method="post">
                            <div class="form-group" style="width:180px">
                                <label for="businessName" style="padding-left:15px;">业务线：</label>
                                <select id="businessName" name="businessName" class="form-control input-sm" style="align:center; width:100px; ">
                                   #foreach($buss in $businessList)
                                   #set($i = $velocityCount - 1)
                                        <option value="$buss" #if("$buss" == $!businessName) selected #end>$business_CN_Map.get("$buss")</option>
                                    #end  
                                </select>
                            </div>  
                            <div class="form-group">                       
                                   <input type="submit" value="查询" class="btn btn-primary btn-xs"> 
                            </div>
                            <div class="form-group" style="float:right;margin-right:20px;">                       
                                   <a href="/datareport/skwdata" target="main" style="font-size: medium; text-decoration:underline">分城市、类别搜索热词,请点此链接</a>
                            </div>
                    </form>
        	</div>


            <div class="row">
            	<div class="col-md-4">

            		<h4 class="heading">
						$!{businessName_CN}PC端今日($!stat_date)热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($day_vo in $swordList_day)
                                        <tr>
                                            <td>$velocityCount</td>
                                            <td>$!{day_vo.word}</td>
                                            <td>$!{day_vo.search_times}</td>
                                        #if(${day_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{day_vo.rank_change}</td>
                                        #elseif(${day_vo.rank_change} < 0) 
                                            <td  class="down" >$!{day_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${day_vo.search_times},${day_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            	<div class="col-md-4">

            		<h4 class="heading">
						本周热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($week_vo in $swordList_week)
                                        <tr>
                                        	<td>$velocityCount</td>
                                            <td>$!{week_vo.word}</td>
                                            <td>$!{week_vo.search_times}</td>
                                        #if(${week_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{week_vo.rank_change}</td>
                                        #elseif(${week_vo.rank_change} < 0) 
                                            <td  class="down" >$!{week_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${week_vo.search_times},${week_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            	<div class="col-md-4">

            		<h4 class="heading">
						本月热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($month_vo in $swordList_month)
                                        <tr>
                                            <td>$velocityCount</td>
                                            <td>$!{month_vo.word}</td>
                                            <td>$!{month_vo.search_times}</td>
                                        #if(${month_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{month_vo.rank_change}</td>
                                        #elseif(${month_vo.rank_change} < 0) 
                                            <td  class="down" >$!{month_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${month_vo.search_times},${month_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            </div> <!-- /.row -->


 			<div class="row">
            	<div class="col-md-4">

            		<h4 class="heading">
						$!{businessName_CN}M端今日($!stat_date)热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($day_vo in $swordList_day_M)
                                        <tr>
                                            <td>$velocityCount</td>
                                            <td>$!{day_vo.word}</td>
                                            <td>$!{day_vo.search_times}</td>
                                        #if(${day_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{day_vo.rank_change}</td>
                                        #elseif(${day_vo.rank_change} < 0) 
                                            <td  class="down" >$!{day_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${day_vo.search_times},${day_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            	<div class="col-md-4">

            		<h4 class="heading">
						本周热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($week_vo in $swordList_week_M)
                                        <tr>
                                        	<td>$velocityCount</td>
                                            <td>$!{week_vo.word}</td>
                                            <td>$!{week_vo.search_times}</td>
                                        #if(${week_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{week_vo.rank_change}</td>
                                        #elseif(${week_vo.rank_change} < 0) 
                                            <td  class="down" >$!{week_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${week_vo.search_times},${week_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            	<div class="col-md-4">

            		<h4 class="heading">
						本月热词
					</h4>

                	<table class="table table-striped table-bordered table-hover " data-provide="datatable" >
                                    <thead>
                                        <tr>
                                            <th data-sortable="false" >排名</th>
                                            <th>热词</th>
                                            <th data-sortable="true" data-direction="desc">搜索量</th>
                                            <th data-sortable="true">排名变动</th>
                                            <th data-sortable="false">占比</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($month_vo in $swordList_month_M)
                                        <tr>
                                            <td>$velocityCount</td>
                                            <td>$!{month_vo.word}</td>
                                            <td>$!{month_vo.search_times}</td>
                                        #if(${month_vo.rank_change} >= 0)    
                                            <td  class="up"  >$!{month_vo.rank_change}</td>
                                        #elseif(${month_vo.rank_change} < 0) 
                                            <td  class="down" >$!{month_vo.rank_change}</td>
                                        #end
                                            <td>$vtool.compRateDirect(${month_vo.search_times},${month_vo.all_search_times})</td>
                                        </tr>                                   
                                    #end                                        
                                    </tbody>
                    </table>

                </div> <!-- /.col -->

            </div> <!-- /.row -->

        </div>
 </div>
</body>
<script src="$!{__beat.server.contextPath}/bootstrap/js/libs/jquery-1.9.1.min.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/libs/bootstrap.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/App.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/plugins/datatables/DT_bootstrap.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/datepicker/bootstrap-datepicker.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="$!{__beat.server.contextPath}/echarts2/dist/echarts.js"></script>
<script type="text/javascript">

    $('#stat_date').datepicker({
        startView: "month",
        minView: "year",
        maxView: "month",
        format: "yyyy-mm-dd",
        clearBtn: true,
        language: "zh-CN",
        autoclose: true,
        todayBtn: true,
        todayHighlight: true
    });

    $(function(){
    	$('td.up').each(function(){
    		$(this).append('<span class="glyphicon glyphicon-arrow-up" style="color:#a94442;"</span>');
    	});
    	$('td.down').each(function(){
    		$(this).append('<span class="glyphicon glyphicon-arrow-down" style="color:#3c763d;"</span>');
    	});
    });
</script>
</html>